<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#body{
				overflow: auto;
				width: 1000px;
				margin: auto;
			}
			#tite{
				overflow: auto;
				width: 1000px;
			}
			#tite li{
				float: left;
				list-style: none;
				padding:0px 50px;
			}
			#back_one{
				background: url(img/buytitle_bg.gif);
				background-repeat: no-repeat;
				overflow: auto;
			}
			#back_two{
				background: url(img/buytitle_bg.gif);
				background-repeat: no-repeat;
				overflow: auto;
			}
			#back_one p{
				font-size: 20px;
				margin-left: 70px;
				margin-top: 5px;
			}
			#back_two p{
				font-size: 20px;
				margin-left: 70px;
				margin-top: 5px;
			}
			#text{
				overflow: auto;
				width: 1000px;
			}
			#text li{
				float: left;
				list-style: none;
				padding:5px 40px;
			}
			#text_ul li{
				float: left;
				list-style: none;
				padding:10px 50px;
			}
			ul{
				overflow: auto;
			}
			#red_text{
				color: red;
			}
			#user{
				overflow: auto;
				width: 800px;
				margin-left: 100px;
			}
			#user li{
				list-style: none;
				padding:10px 0px;
			}
			#user img{
				margin-left: 45px;
			}
			#footer{
				margin:auto;
				width: 1050px;
			}
			#footer_iframe{
				width: 1050px;
			}
			#top{
				margin:auto;
				width: 1050px;
			}
			#top_iframe{
				width: 1050px;
			}
			a{
				text-decoration: none;
				color: #000000;
			}
		</style>
	</head>
	<body>
		<div id="top">
		<iframe id="top_iframe" src="header.html" frameborder="0" scrolling="no">
		</iframe>
		</div>
		<div id="body">
			<div id="tite">
				<ul>
					<li>
						<img src="./img/mycart.gif" />
					</li>
					<li>
						<p>
							 全场运费一律2元
						</p>
					</li>
					<li>
						<p>
							简易计算器
						</p>
					</li>
				</ul>
			</div>
			<div id="back_one">
				<p>
					确认商品价格与交易条件
				</p>
			</div>
			<div id="text">
				<ul id="text_ul">
					<li>商品名</li>
					<li>原价</li>
					<li>优惠价</li>
					<li>打折</li>
					<li>数量</li>
					<li>删除</li>
				</ul>
				<ul>
					<li>攀高捶背靠垫</li>
					<li>￥258.00</li>
					<li id="red_text">￥258.00</li>
					<li>5折</li>
					<li>
						<input type="text"  value="1" size=" 3"/>
					</li>
					<li>删除</li>
				</ul>
				<ul>
					<li>美国口语大全</li>
					<li>￥258.00</li>
					<li id="red_text">￥258.00</li>
					<li>6折</li>
					<li>
						<input type="text"  value="1" size=" 3"/>
					</li>
					<li>删除</li>
				</ul>
				<ul>
					<li>简.奥斯汀全集</li>
					<li>￥258.00</li>
					<li id="red_text">￥258.00</li>
					<li>5折</li>
					<li>
						<input id type="text"  value="1" size=" 3"/>
					</li>
					<li>删除</li>
				</ul>
				<ul>
					<li>继续挑选商品</li>
					<li>￥527.00</li>
					<li>￥258.00</li>
					<li>您共节省111￥</li>
				</ul>
			</div>
			<div id="back_two">
				<p>
					补充您的邮件地址和联系人基本信息
				</p>
			</div>
			<div id="user">
				<ul>
					<li>
						收件人:<input type="text" />
					</li>
					<li>
						地址：<input type="text" /><b>
						<a href="address.html" target="_parent">请点击填写地址</a>
						</b>
					</li>
					<li>
						电话：<input type="text" size="2" />-
						<input type="text" size="4" />-
						<input type="text" size="2" />
						（区号-电话号码-分机）
					</li>
					<li>
						<img src="img/submit.gif" />
					</li>
				</ul>
			</div>
		</div>
	<div id="footer">
	<iframe id="footer_iframe" src="footer.html" frameborder="0" scrolling="no">
	</iframe>
	</div>
	</body>
</html>
